<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui">

<ui:composition template="/pages/templates/commonLayoutCli.xhtml">

	<ui:define name="content">

		<h:form>

			<center>
					<p:growl id="messages" showDetail="true" />

				<p:panel style="width:70%">
					<h:panelGrid id="panelSchedule" columnClasses="value">
						<h3 style="margin-top: 0">Consultas Marcadas</h3>
						<p:schedule id="schedule" value="#{beanConsultas.eventModel}"
							widgetVar="myschedule" rightHeaderTemplate="" draggable="false"
							locale="tr">
							<p:ajax event="eventSelect"
								listener="#{beanConsultas.onEventSelect}" update="eventDetails"
								oncomplete="eventDialog.show()" />

						</p:schedule>
					</h:panelGrid>
				</p:panel>

					<p:dialog widgetVar="eventDialog" header="Informações da Consulta"
						showEffect="clip" hideEffect="clip" minHeight="10">
						<p:scrollPanel mode="native" style="height:400px;width:700px">

							<h:panelGrid id="eventDetails" columns="2" cellpadding="5"
								style="width:60%;align:center;valign:middle;">

								<p:outputLabel for="data1" value="Data:"></p:outputLabel>
								<p:inputText id="data1" size="50" value="#{beanConsultas.data}"
									readonly="true"></p:inputText>

								<p:outputLabel for="hora1" value="Hora:"></p:outputLabel>
								<p:inputText id="hora1" size="50" value="#{beanConsultas.hora}"
									readonly="true"></p:inputText>

								<p:outputLabel for="prof" value="Profissional:"></p:outputLabel>
								<p:inputText id="prof" size="50"
									value="#{beanConsultas.profissional.nome}" readonly="true"></p:inputText>

								<p:outputLabel value="Paciente:"></p:outputLabel>
								<p:inputText id="nome" size="50"
									value="#{beanConsultas.paciente.nome}" readonly="true"></p:inputText>

								<p:outputLabel value="CPF:"></p:outputLabel>
								<p:inputText id="cpf" size="20"
									value="#{beanConsultas.paciente.cpf}" readonly="true"></p:inputText>

								<p:outputLabel value="Idade:"></p:outputLabel>
								<p:inputText id="idade" size="5"
									value="#{beanConsultas.paciente.idade}" readonly="true"></p:inputText>

								<p:outputLabel value="Sexo:"></p:outputLabel>
								<p:inputText id="sexo" size="10"
									value="#{beanConsultas.paciente.sexo}" readonly="true"></p:inputText>

								<p:outputLabel value="Estado Civil:"></p:outputLabel>
								<p:inputText id="estadoCivil" size="10"
									value="#{beanConsultas.paciente.estadoCivil}" readonly="true"></p:inputText>

								<p:outputLabel value="Profissão:"></p:outputLabel>
								<p:inputText id="profissao" size="50"
									value="#{beanConsultas.paciente.profissao}" readonly="true"></p:inputText>

								<p:outputLabel value="Endereço:"></p:outputLabel>
								<p:inputText id="endereco" size="50"
									value="#{beanConsultas.paciente.rua}" readonly="true"></p:inputText>


								<p:outputLabel value="Número:"></p:outputLabel>
								<p:inputText id="numero" size="5"
									value="#{beanConsultas.paciente.numero}" readonly="true"></p:inputText>


								<p:outputLabel value="Complemento:"></p:outputLabel>
								<p:inputText id="complemento" size="20"
									value="#{beanConsultas.paciente.complemento}" readonly="true"></p:inputText>


								<p:outputLabel value="Bairro:"></p:outputLabel>
								<p:inputText id="bairro" size="20"
									value="#{beanConsultas.paciente.bairro}" readonly="true"></p:inputText>


								<p:outputLabel value="Cidade:"></p:outputLabel>
								<p:inputText id="cidade" size="20"
									value="#{beanConsultas.paciente.cidade}" readonly="true"></p:inputText>


								<p:outputLabel value="Estado:"></p:outputLabel>
								<p:inputText id="estado" size="20"
									value="#{beanConsultas.paciente.estado}" readonly="true"></p:inputText>

								<p:outputLabel value="Telefone:" />
								<p:inputText id="telefone" size="20"
									value="#{beanConsultas.paciente.telefone}" readonly="true"></p:inputText>

								<p:commandButton value="Cancelar"
									actionListener="#{beanConsultas.cancelarConsulta()}"
									update="schedule" oncomplete="eventDialog.hide();">
								</p:commandButton>
								
								<p:commandButton value="Marcar como Realizada"
									actionListener="#{beanConsultas.marcarComoRealizada()}"
									update="schedule" oncomplete="eventDialog.hide();">
								</p:commandButton>


							</h:panelGrid>

						</p:scrollPanel>
					</p:dialog>
			</center>
			
			<script type="text/javascript">
		PrimeFaces.locales['tr'] = {
			currentText : 'Atual',
			monthNames : [ 'Janeiro', 'Fevereiro', 'Março', 'Abril', 'Maio',
					'Junho', 'Julho', 'Agosto', 'Setembro', 'Outubro',
					'Novembro', 'Dezembro' ],
			monthNamesShort : [ 'Jan', 'Fev', 'Mar', 'Abr', 'Mai', 'Jun',
					'Jul', 'Ago', 'Set', 'Out', 'Nov', 'Dez' ],
			dayNames : [ 'Domingo', 'Segunda', 'Terça', 'Quarta', 'Quinta',
					'Sexta', 'Sabado' ],
			dayNamesShort : [ 'Dom', 'Seg', 'Ter', 'Qua', 'Qui', 'Sex', 'Sab' ],
			dayNamesMin : [ 'Do', 'Se', 'Te', 'Qa', 'Qi', 'Se', 'Sa' ],
			weekHeader : 'Hf',
			dayHeader : false,
			firstDay : 1,
			isRTL : false,
			showMonthAfterYear : false,
			yearSuffix : '',
			month : 'Mês',
			week : 'Semana',
			day : 'Dia',
			allDayText : 'Todos'
		};
	</script>

			<style type="text/css">
				.value {
					width: 1000px;
				}
			</style>
		
		</h:form>
	</ui:define>

	
</ui:composition>


</html>